<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script>
		 	/*
		 	 * 1 命名空间实现模块化，以京东为例
		 	 * */
		var jd={
		 	version:'1.0'
		 }
		jd.common={
		 	each:function(){},
		 	map:function(){},
		 	isArray:function(){},
		 	isString:function(){}
		 	
		 }
		 //公共模块，放置每个页面都用的
		jd.ui={}
		jd.ui.pc={
		 	/*tab组件*/
		 	tab:function(){
		 		console.log("pc端的属性");
		 	},
		 	/*幻灯片*/
		 	ppt:function(){},
		 	/*导航*/
		 	nav:function(){}
		 }
		 
		jd.ui.moblie={
		 	/*tab组件*/
		 	tab:function(){	
		 		console.log("移动端的属性");
		 	},
		 	/*幻灯片*/
		 	ppt:function(){}
		 }
		/*ui模块: pc端的ui组件  移动端*/
		jd.page={}
		/*产品相关的页面*/
		jd.page.product={}
		/*订单相关的页面*/
		jd.page.order={}
		/*用户管理的页面*/
		jd.page.user={}
	
	/* 如何访问version？如何访问pc端和移动端的属性*/	
 	/*其实就是一个json对象*/
 		console.info(jd.version);
 	    jd.ui.pc.tab();
 		
		
		
</script>
	</body>
</html>
